<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>我的消息</title>
		<link rel="stylesheet" type="text/css" href="../../lib/api.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/login/message_list.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<!--公共头部开始-->
			<div class="back-header">
				<a @click="close()" class="back-header-a">
					<i class="fa fa-angle-left fa-2x white middle"></i>
				</a>
				<div class="back-header-main">消息列表</div>
			</div>
			<!--公共头部结束-->
			<!--我的消息列表S-->
			<div class="message_list_box">
				<a v-for="item in msgList" v-on:click="jumpMsgDetails(item.id)">
					<div class="message_list_box_word">
						<p>{{ item.created_at.split(" ")[1]}}</p>
						<p>
							<span>{{item.title}}</span>
							<img v-if="item.is_read == 0" src="../../images/message/unread_ico.png" />
							<img v-else src="../../images/message/read_ico.png" />
						</p>
						<p>{{item.content}}</p>
					</div>
					<div class="clear"></div>
				</a>
			</div>
			<!--我的消息列表E-->
		</div>
	</body>
	<script src="../../script/api.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/config.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/user/myMessage.js" type="text/javascript" charset="utf-8"></script>

</html>